<template lang="html">
  <section class="component-book_time_list">
	<ul class="time_list">
		<li class="time_list_item" v-for="item in seletedSection">
			<span>{{item.bookTime}}-</span>
		</li>
	</ul>
  </section>
</template>

<script>
export default {
  props: {
    seletedSection: {
    type: Array,
    requried: true
    }
  },
  data(){
  	return {
  	}
  }
}
</script>
<style lang="scss" scoped>
.component-book_time_list{
	height: 100%;
	.time_list{
		text-align: right;
		font-weight: 500;
    color: #3d3d3d;
		.time_list_item{
			width: 110px;
			height: 70px;
			margin-bottom: 6.5px;
			span{
			    vertical-align: super;
			}
		}
	}
}
</style>
